{% extends 'base.html' %}

{% block main_con %}
    <div class="main_con clearfix">
        <div class="left_menu_con clearfix">
            <h3>用户中心</h3>
            <ul>
                <li><a href="/usercenter">· 个人信息</a></li>
                <li><a href="{{ url("user:user_order", args=(1,))}}">· 全部订单</a></li>
                <li><a href="/address">· 收货地址</a></li>
                <li><a href="/password" class="active">· 修改密码</a></li>
            </ul>
        </div>
        <div class="right_content clearfix">
            <div class="info_con clearfix">
                <h3 class="common_title2">修改密码</h3>
                <div class="site_con pass_change_con">
                    <form class="change_pwd" method="post" @submit="on_submit" v-cloak>
                        <input type="hidden" name="csrfmiddlewaretoken" value="{{ csrf_token }}">
                        <div class=" form_group">
                            <label>当前密码：</label>
                            <input type="password" v-model="old_pwd" @blur="check_opwd" name="old_password">
                            <span v-show="error_opwd" class="old_pwd_error">密码最少8位，最长20位</span>

                        </div>
                        <div class="form_group">
                            <label>新密码：</label>
                            <input type="password" v-model="new_pwd" @blur="check_pwd" name="new_password">
                            <span v-show="error_pwd" class="new_pwd_error">密码不满足5-20个字符</span>
                        </div>
                        <div class="form_group">
                            <label>确认新密码：</label>
                            <input type="password" v-model="new_cpwd" @blur="check_cpwd" name="new_password2">
                            <span v-show="error_cpwd" class="new_cpwd_error">两次输入的密码不一致</span>

                        </div>
                        <input type="submit" name="" value="确 定" class="info_submit">
                        <input type="reset" name="" value="取 消" class="info_submit info_reset">
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block bootom_link_js %}
    <script type="text/javascript" src="{{ static('js/host.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/base.js') }}"></script>
    <script type="text/javascript" src="{{ static('js/user_center_pass.js') }}"></script>
{% endblock %}
